--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+
+<BOUCLE_metarub(RUBRIQUES){id_rubrique}>
+<title>[(#NOM_SITE_SPIP|textebrut)][ - (#TITRE|textebrut)]</title>
+</BOUCLE_metarub>
+<INCLURE{fond=inclure/head}/>
+</head>
+
+<body>
+ <header>
+ <a href="#">[(#LOGO_SITE_SPIP|inserer_attribut{alt,#NOM_SITE_SPIP})]</a>
+ </header>
+ <section id="wrap">
+<!--1ERE COLONNE-->
+ <div class="col-12 col-m-6 col-l-3">
+ <B_sites>
+ <div id="ateliers">
+ <BOUCLE_sites(SITES){id_rubrique}{0,1}>
+ <ul>
+ <li[ style="background-color:#(#ID_RUBRIQUE|couleur_rubrique);"]>
+ <a href="#"><h1>#NOM_SITE</h1></a>
+ <BOUCLE_gis(GIS){objet='site'}{id_objet=#ID_SYNDIC}>
+ <h2>• #TITRE</h2>
+ <address>#ADRESSE #CODE_POSTAL #VILLE</address>
+ <p>#DESCRIPTIF</p>
+ </BOUCLE_gis>
+ </li>
+ </ul>
+ <div class="logoatelier">
+ #LOGO_SITE
+ </div>
+ </BOUCLE_sites>
+ </div>
+ </B_sites>
+ </div>
+
+<!--2EME COLONNE-->
+ <div class="col-12 col-m-6 col-l-5">
+ <B_rubriques>
+ <div id=atelierdescription>
+ <BOUCLE_rubriques(RUBRIQUES){id_rubrique}>
+ <div class="article">
+ <h1>#TITRE</h1>
+ <h3>???</h3>
+ <p>#TEXTE</p>
+ </div>
+ <B_articles>
+ <div id="news">
+ <BOUCLE_articles(ARTICLES){0,8}{!par date}{id_rubrique}>
+ <div class="article">
+ <a href="#">[(#LOGO_ARTICLE_RUBRIQUE|inserer_attribut{alt,"logo"}|image_reduire{150,150})]</a>
+ <a href="#"><h1>#TITRE</h1></a>
+ <BOUCLE_rub(RUBRIQUES){id_rubrique=#ID_RUBRIQUE}>
+ <h3>[(#_articles:DATE|affdate)] — #TITRE</h3>
+ </BOUCLE_rub>
+ <p>#INTRODUCTION</p>
+ </div>
+ </BOUCLE_articles>
+ </div>
+ </B_articles>
+ </BOUCLE_rubriques>
+ </div>
+ </B_rubriques>
+ </div>
+
+<!--3EME COLONNE-->
+ <div class="col-12 col-m-12 col-l-4">
+ <div class="map">
+ [(#MODELE{carte_gis, zoom=12, fullscreen=oui, height=100%})]
+ </div>
+ </div>
+ <div class="col-12 col-m-12 col-l-4">
+ <div class="agenda">
+ <h1>Agenda</h1>
+ <B_evenements>
+ <ul>
+ <BOUCLE_evenements(EVENEMENTS){age<0}{0,5}>
+ <li>
+ <div class="event">
+ <div class="date">
+ <p><time datetime="#DATE_DEBUT">[(#DATE_DEBUT|affdate{d M})]</time></p>
+ <p><time class="horaire" datetime="#DATE_DEBUT">[(#DATE_DEBUT|heures)]:[(#DATE_DEBUT|minutes)]</time></p>
+ </div>
+ <div class="nature">
+ <p>#TITRE</p>
+ </div>
+ </div>
+ </li>
+ </BOUCLE_evenements>
+ </ul>
+ </B_evenements>
+ </div>
+ </div>
+ </section>
+ <footer>
+ <div class="textfooter">
+ <ul>
+ <li>
+ <h3><a href="#">Licence libre</a></h3>
+ </li>
+ <li>
+ <h3><a href="#">À propos</a></h3>
+ </li>
+ <li>
+ <h3><a href="#">L'Heureux Cyclage</a></h3>
+ </li>
+ </ul>
+ </div>
+ </footer>
+</body>
+</html>